<template>
  <div class="about">
    <h1>This is an about page</h1>
    <!-- 从home切换过来看到的数据是同步更新的，也就是说两个组件公用一份公共数据 -->
    <!--<p>{{$store.state.num}}</p>
    <p>{{$store.getters.dbNum}}</p> -->

    <p>{{num}}</p>
    <p>{{title}}</p>
    <p>{{dbNum}}</p>
  </div>
</template>

<script>
import { mapState,mapGetters, mapMutations, mapActions} from 'vuex'
export default {
    name:'',
    components: {

    },
    props: {

    },
    data() {
        return {

        };
    },
    computed: {
        ...mapState('changeNum',['num','title']),
        ...mapGetters('changeNum',['dbNum'])
    }
};
</script>

<style scoped lang="less">

</style>
